I just realized today that I cannot create a react app with the 'create-react-app' command in my terminal anymore. It has been deprecated by Meta and they manage React.js!

After some research and reading their documentation, I've attempted to learn to use Next.js for the first time, which works with React.js and ran into my first issue. I kept getting this error in my terminal: Cannot find module 'fs/promises'.

Installing Next.js for the First Time and Updating my Node Version

After I installed...
Continue reading ...

When I was in a coding bootcamp, we were using Heroku with heroku-18 on a free version to deploy projects. However, Heroku is drastically changing things. Last November, Heroku eliminated the free version and heroku-18 is now deprecated and will reach end-of-life on April 30, 2023! 

All of my databases and API end points were down for a month because I was hosting all of them on Heroku via their now deprecated free version. After a couple of hours looking at documentation on upgrading, I got o...
Continue reading ...

Recently, Google Analytics is always showing a top banner to remind Google Analytics users that UA (Universal Analytics) is going away on July 1, 2023 and we'll need to embed the G4 code instead. 

The Google Analytics banner message says: "Universal Analytics will no longer process new data in standard properties beginning July 1, 2023. Prepare now by setting up and switching over to a Google Analytics 4 property." Now, it's still over a year away from today's post before UA goes away but I'm...
Continue reading ...

Continue reading ...

To find all git files in your machine type the following in the terminal: find . -name .git -type d -prune

Shortcut: Click F2 and then change the variable name and click 'enter' to change all variables that is the same as what you selected before hitting F2.

Things I didn't remember to do when trying to create my server and database from memory:

1. Install nodemon by: npm install nodemon --save-dev
2. To pull variable from .env after configing is process.env
3. After creating the database name in psql. \c ...

Continue reading ...

I haven't finished my Angular tutorial yet but I'm going to have to shift gears here and start learning GraphQL. It's been said that it's a great alternative to Rest API as you only need one end point to get data for a group of tables in your database. You implement GraphQL in the back-end of your project. I haven't started coding in it but what I always do is watch a lot of YouTube videos and documents to narrow down the resource(s) that I need to look back to. Here are my notes.

PROS for Gra...
Continue reading ...

I found something interesting this past week.

Last month, I bought a domain name via Netlify because I've been deploying my front end React apps there during bootcamp and decided to do something different with domain buying. Earlier this year in January 2021, I also bought another domain name but this was through Godaddy. I didn't think much of it. I buy almost all of my domains through Godaddy because that's what I've been doing for over a decade as I'm comfortable with their interface.

Even t...
Continue reading ...

For several years, I've been embedding Google Adsense on my websites to earn revenue. Part of the process is when I'm adding ads to a new site that I've just launched, I would need to add that site under settings for my Google Adsense account and wait for a review.

My Steps

1. Go to your Google Adsense account and on the left side, select "Sites." 
2. Go ahead and add a site here. Embed your code with your publisher ID in the head section of your website.
3. Then, request Google Adsense to review it. 
4. You ...

Continue reading ...

I went into my Google Analytics today to create a new property for a new website that I've just deployed yesterday and new properties are now automatically G4 (new for Google Analytics)! The original Google Analytics still remain if you've configured a property way before this new set-up. However, you're not going to be able to find the tracking info that you're familiar with in the new set-up. 

Usually after I've created a new property, I can find my tracking code under "Tracking Info" but I ...
Continue reading ...

I'm looking up documentation on React-Bootstrap this morning and I noticed there's an addition in the npm install command. 
It is now:  npm install react-bootstrap@next bootstrap@5.0.2

Before, the documentation didn't mention the "@next part" nor the "@5.0.2". Then, in my main index.js file, I still imported the following at the top:
import 'bootstrap/dist/css/bootstrap.min.css';

It works the same. I am a big fan of the accordian component from bootstrap. So to use that, I just need to import t...
Continue reading ...

Oh my goodness, I am so tired this morning. I only had 2 hours of sleep!

My contracting work is slow this week so I am getting back to Learning Angular with Mosh (self-paced tutorial) again. I am 34% of the way. I know you're probably wondering why it is taking me so long to finish! As mentioned in my other weekly blog recaps with learning notes for Angular, it's because it takes me a long time to debug version differences as I am running a new version of Angular, whereas Mosh's tutorial is te...
Continue reading ...

I've been creating react apps since October 2020 so it's only 9 months and I've only worked with redux for one of my projects so far and I want to work on another project with redux. For this blog post, I'll be highlighting on creating my new react app with create-react-app and redux implementation.

Through the coding bootcamp, I would just "npm install react react-dom react-scripts" in my command line, and "mkdir" my src and public folders and corresponding files to start my react projects. I...
Continue reading ...

This is my Week 8 of learning Angular. Sorry, I went off track for awhile. It's been 2 months since I wrote up my notes for Week 7. (See all of my learning notes for Angular.) I picked up a contract job towards the end of May and that had been my focus. This week I am focusing on error handling in Angular.

1. Use onInit method to call http services and constructor should not call http services. Oninit is a lifestyle hook. When we use the ng onInit method, we tell the compiler about it.
2. We want to ...

Continue reading ...

Today, I'm focusing on adding another way for my visitors to be able to visit my websites without leaving my Facebook pages if they're already on there. I'm a Yola CMS client and there's a tool under my Yola log-in that allows me to add my website that I published through them as a tab on my Facebook page. I'm adding this Facebook publishing integration to a few of my Yola sites. 

As part of my marketing strategy, I always create an associated Facebook page for each website so that there could...
Continue reading ...

On May 9th, 2021, I added a sitemap.txt file to one of my React apps so that it can get properly indexed in the search engine and I can start seeing stats on Google's search console. I am current hosting this app on Godaddy's shared hosting. 

Today, a couple of weeks later, I noticed that I am not showing hits on certain pages; just on the homepage. So, I went on my app and utilized real time tracking and I realized Google Analytics doesn't pick it up even in real-time. I figured this may have...
Continue reading ...

Today, I ran into a postgres connect issue when I was going back to a database under development on my localhost because I needed to add another feature. This was the error that I received in my terminal when I tried to 'npm run start':

psql: error: could not connect to server: could not connect to server:

I never ran into this problem before so I am thinking maybe something needed updating because even my Postico was not opening my databases. I googled this error and found that someone with a ...
Continue reading ...

I'm officially 30% through Programming with Mosh' Angular tutorial! This week I am learning to pull data using http services with Angular. Read my week-to-week down notes and thoughts as I am learning Angular through an online self-pace tutorial.

I'm already encountering version errors at the beginning. Firstly, HttpModule cannot be imported from @angular/http as it has been deprecated and here are the changes I had to make!

In Mosh' tutorial, he started out with instructing that we need to add...
Continue reading ...

This week, I am going to be taking notes on reactive forms in Angular. Reactive forms is where you explicitly create the forms that's more complex, like implementing async validation.

Reactive Forms
In order to use formControlName, you'll need to import ReactiveFormsModule to the array on imports in the app.module.ts file. Then, it'll automatically add it as an import to the top of that page like so: 
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
There was a bug that I ...
Continue reading ...

I created an AWS account 3 months ago but hadn't deployed anything on any of their services until last evening! A few months ago, I was having trouble with AWS Elastic Beanstalk and decided to put it in the back burner to learn Angular and TypeScript. Now, I'm ready to dig into AWS again. Instead of using AWS Elastic Beanstalk this time, which was what I originally had in mind, I decided to try out AWS Amplify to see if deploying my React app this way would be easier. It definitely is.

Here we...
Continue reading ...

I am now getting into forms using the Programming with Mosh's Angular Tutorial. I'm in my 5th week of learning Angular and focusing this blog entry on the introduction to forms and narrowing in on Template-driven Forms. Click here to see my weekly breakdown of learning Angular.

Forms
In Angular, it is a requirement to write a div with a class of form-group for any forms like so:


Continue reading ...

I'm on week 4 of learning Angular now! To see my weekly break down on learning Angular, go to Angular Blogs' List. What I'm realizing is that because I am note taking and coding along the way, a 5 minute video tutorial could easily have me spending 15 minutes to digest the material before moving onto the next video clip! If there is an unforeseen bug, it would take even longer. So make sure you allot enough time in between if you're studying the same way I am.

Using ng-content property
Use ng-c...
Continue reading ...

I'm on Week Three of Angular and I'm going to re-do a workshop again because I wanted to figure something out that wasn't working properly for me before. I'm coding along with Programming with Mosh's tutorial on Angular.

My Fixes
In the Section 14-Solution-Favorite-Component, Mosh wrote the following line in the favorite.component.ts file: isFavorite: boolean; and it showed a red squiggly line for me and my front end would not compile right. There were two different changes that I could choose ...
Continue reading ...

This is Week Two of Angular Part 2, click here to see Week Two of Angular Part 1.

What else impresses me about Angular so far
I am so excited about their pipes and how easily it is to change the format of your data!

Two-way Binding
Following the Angular Tutorial from Programming with Mosh, I kept getting the following error: "NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input'." After some googling, I realized that with my version of Angular installed, I had to go to my app...
Continue reading ...

I'm officially on my Week Two of Learning Angular. Click here to see Week One. I'm finding that as I'm noting all of these while I'm learning, it's helping me immensely and I hope it'll help you. I decided to purchase Mosh's Angular Tutorial for $15. It seems like a great deal for 30 hours of tutorial and I don't have to waste time weeding through materials and watching in between ads from Youtube.

Components
To make a class a component, you have to add the decorator at the top like import {Com...
Continue reading ...

I decided to start learning Angular and TypeScript this week. I looked at a 2 hour YouTube video by Programming with Mosh to get a good glimpse at it before I started practicing along. After looking at the video in normal speed for 2 hours (I would speed it up if I am going over it again), without getting my hands in code on VSC, I was really intimidated by my first tutorial on Angular. However, it also reminded me of Java, using interfaces, classes and constructors. Besides for looking at a ...
Continue reading ...

Since Heroku does not keep my uploaded files from the deployed link after a day, I had to find a solution to this. Because their file system is ephemeral, which I learned the hard way, I had to find a cloud service that would store my uploaded photos. Read more from Heroku on what it means to be ephemeral and their suggestions on how to store uploaded files.

After googling online for suggestions, I went with a free plan with Cloudinary. Their Node.js SDK documentation is very thorough.  You ca...
Continue reading ...

This month, I learned to used Multer for a react project that I've been working on. It took me close to 6 days to get both the back-end and front end to work for Multer. There were times when I really struggled but in the end, I didn't give up and it's so rewarding to finally figured it out. Being able to upload a file successfully, especially a photo, and have it save to the database was something I was thinking about learning to do since December. 

Many of the errors I had at the beginning w...
Continue reading ...

I started learning JavaScript in July 2020 and had been using strictly CSS to style my own apps but I've decided to take a stab at bootstrap with React Bootstrap. There's a learning curve and at first, I thought, it'd just be faster if I style all of this myself with CSS. However, I know that in a lot of job descriptions, bootstrap comes up in the tech stack as a preferred skill to have. After working with it, I realized, it could save me a lot of time making sure everything is formatted corr...
Continue reading ...

I'm currently working on building a postgres database for a new project and wanted to get what I have so far deployed on Heroku. Something has changed since I've last deployed a database(db) project on Heroku, which was only 2 months ago!

When I tried to seed my data on Heroku after doing a git push, I kept getting this error in my terminal "UnhandledPromiseRejectionWarning: error: no pg_hba.conf entry for host"..."SSL off". This was an error that I've never encountered before.

After a quick...
Continue reading ...

I recently deployed one of my websites on Godaddy's shared web hosting and decided to use one of their third party integrations called Installatron that's under their Cpanel. It has been a nightmare to get it working, even though it seems like the easiest thing to integrate.

I have talked to over 5 different tech support reps from Godaddy via their chat tool and it seems like the chat gets timed out or something because like every 30 or 45 minutes, I get a new tech support person. It's a pain ...
Continue reading ...

I had an interview with one of the big six companies earlier today. When I say 'big six', I'm referring to one of the following: Amazon, Facebook, Google, Netflix, Apple or Microsoft. I'm not going to tell you which one because I signed an NDA and I want to go further and don't want to jinx anything by telling you the exact one. I'll let you guess!

The company had me do 4 interviews in one day and because we're still in a pandemic, it was done remotely. Normally, they would have me come to the...
Continue reading ...

Here are the steps that I took to deploy my React App today: 

1. First sign up for a free AWS account
2. Create a new app in AWS Beanstalk
3. Use git to bundle my source according to instructions here: $ git archive -v -o myapp.zip --format=zip HEAD
4. One thing that I noticed that AWS Beanstalk looks for to run the files in there server.js (back-end) and client folder (front-end). So I'll need to make some changes. Example: my server file should be named server.js and not "index.js" like I have now. Also, t...

Continue reading ...

Through GoDaddy, I pay shared hosting for one of my React apps. It was quite easy. After I run a build, I just drag over some files and then it was done.

Steps to use Cpanel from Godaddy's Shared Hosting to host a React App

Here are the steps I took to complete the entire hosting process:

1. After you've logged into Godaddy with your account information, go to the cpanel File Manager part of Godaddy for your hosting account. Go to 'settings' to check the box next to "Show Hidden Files" or you won't...

Continue reading ...

Happy New Year, guys!

I had a couple more GitHub issues today when I tried to get my local files on GitHub, but finally solved them.

Today, I'm ready to deploy my first week's work on my current project on Heroku but before I do that, I needed to put my local files onto git and GitHub. I had issues with my React project not rendering onto my localhost properly earlier this week after I had tried to 'git init' it. I had to keep creating new files so to not delay my dev process, I have been worki...
Continue reading ...

For the last 24 hours, I have been working on my Contact Us form and I have it up and running now. However, no surprise here, I didn't do it without some errors at the beginning. I found some sources that I want to document here to look back on for the future for the next Nodemailer implementation.

Here are the three resources on Nodemailer that I looked at: 
https://lo-victoria.com/build-a-contact-form-with-react-and-nodemailer
https://w3collective.com/react-contact-form/
https://nodemailer.com/...
Continue reading ...

This week seems like a GitHub week for me. Managing files, looking up terminal commands to get my files properly backed up and remembering it all are taking me hours this morning.

I've successfully cloned my old repo earlier today using my two-factor authentication and right now, I've just created another new repo to back up an older jQuery project that I had built months ago. I ran into a couple of issues getting my jQuery project onto GitHub but after some digging, I got it up there now. I ...
Continue reading ...

I had issues with cloning my repository today. It's related to my Two Factor Authentication that I enabled recently. For documentation purposes to help myself in the future and anyone else reading this, this is how I got it to work. Note that things in black bold are what I typed in my terminal and the things in sky blue are what the terminal responded with to make it easier to read through.

Before I started any terminal commands, I went into the GitHub site and created a new repository (I use...
Continue reading ...

Making sure all the tech, files, codes, branches and operating systems are up-to-date is a job in itself! I updated my operating system to Big Sur and am enabling my Github to two-factor authentication.

Today, is the first day I checked out my new macOS interface with Big Sur and I love it! Big Sur is located a couple hours from me and is such a beautiful place so I have such a good feeling about this operating system.

This morning, I also updated my settings in Github to enable two-factor auth...
Continue reading ...

Continue reading ...

I've owned this HP printer for several years now and today, I got this scary message when I tried to print something: "HPDriverCore.framework will damage your computer".

I thought maybe this was a one off thing so I proceeded but no matter what, this message prompt kept showing up. My HP drivers needed updating but it still had the old files so I had to figure out how to delete this printer from my computer list and completely delete the HP Printer Library files. I own a MAC computer and after...
Continue reading ...

Today, I received a surprise gift. Facebook has no longer marked one of my URLs as fraudulent or spam and now I can share that particular URL (not referring to this very one that you're currently at) on Facebook again. They had blocked that URL for over a year! I still have no idea why it happened for a year and I had consistently filled out their form to say that my website is not a spam website and it's a legitimate mom blog. I have over 1,700 likers on this particular Facebook page that's ...
Continue reading ...

I've owned websites for over a decade and have never run into this problem until now. In the past, all of my websites were properly indexed in Google with "http" and not "https" because I don't buy an SSL certificate for them but recently one of my websites is being indexed with "https". I don't want this to happen because if Google is indexing it this way, a DANGER DANGER page will be shown to the visitor before they can reach my URL. This causes a high bounce rate and in turn, decreases the...
Continue reading ...

I received an email from Belkin last month that informed me my Wemo NetCam will no longer be serviced starting at the end of this month (update: they extended to June 30 2020 now). I'll no longer be able to use my Netcam anymore to view any motion activated movements for my side yard, which is what I've been and still using it for. I am pretty bummed out by this. 

I've been using this particular Belkin Netcam since 2015. It's been helpful for me and my sanity because it informs of any suspicio...
Continue reading ...

Last year, while on my Instagram page, I received this prompt that turned my social media marketing upside down. It's the "Link Not Allowed" prompt. What this meant was that the link that's on my bio was no longer clickable from instagram because they have marked it as an inappropriate or fraudulent website. How did they determine this? I think I had some clues.

Before I received that problem, I think I was "loving" too many posts within a short period of time. Maybe this caused Instagram to...
Continue reading ...

I ran my first Pinterest ad recently to see if it would help with converting sales. Unfortunately I didn't make a sale but I did get 28 clicks within a span of 4 days for $4. I had originally planned to have it run for 5 days but my credit card that I had on file had expired at the beginning of March (today) so it cut it short. I was actually happy that it cut it one day short because I wasn't too pleased with the results. See the pin that I had used to promote as an ad below.

It didn't let me...
Continue reading ...

This is pretty important to consider when you are starting a website or a blog. If you're an e-commerce website or collecting proprietary and personal information directly through your website like your visitor's driver's license number, credit card information, etc., then an SSL (Secure Sockets Layer) Certificate is mandatory to protect your visitors and customers. However, if you're creating a very informative website and not asking for any information from your user for a credit card trans...
Continue reading ...

I went to Kaiser Permanente yesterday because the travel department recommended that I get the Hepatitis A shot before I go to Costa Rica in a week in a half because Central America has a lot of people with this particular virus.

I happily went in the morning and discovered a long line already at 8:30AM on a Wednesday morning. Anyway, after 45 minutes later, my name got called and they gave me one shot. They said I can't take the second shot (last shot) until 6 months later but that this one ...
Continue reading ...

Everytime that I'd go to the local Korean tofu house and order my tofu soup, I feel like I'm eating like a king because it comes with all of this yummy kimchee and ban-chan.

I love Convoy Tofu House. I always feel like a king, or I mean a queen.


Continue reading ...

Here is how the stadium looks at night. It's really pretty


Continue reading ...

I've been doing Insanity for almost 2 months now and have only been able to do it 3-4 days a week. With working 40 hours a week, being married and owning a dog, I somehow find it hard to fit in a 6 day work out. Nonetheless, I know I am getting leaner. The thing is, I have lost 0 lbs. I'm a bit unmotivated but I know I am looking better so I'll continue to do it as much as I can, whenever I can. Working out is better than not working out at all.

I've read online somewhere that when you start ...
Continue reading ...

2020 Update: The Chargers has since left San Diego and Qualcomm Stadium now belongs to San Diego State University, my alma mater! 
---
Fans of NFL sports teams that are from other cities will come to San Diego to see their team play at the San Diego stadium. Many stay in the Mission Valley area in San Diego because that is where the stadium is located. 

Here are the top ideal hotels to stay at if you're here for the game:
San Diego Marriott Mission Valley - This is the closest hotel to the stadiu...
Continue reading ...

I've been having this flu for the last 3 days and yesterday I noticed the back of my head hurts constantly, especially when I lie on it. I think it's because I've been coughing so much.

To avoid coughing more than I need to, I am going to drink some really good cough suppressant but I'll need to eat with the medicine since it's not good to take strong medicine on an empty stomach. Otherwise, I'd be left with a constant headache and a stomachache.

Oh boy. For those who are suffering the same sym...
Continue reading ...

Check our their new addition to the miniland at LEGOLAND California. Take a picture with Darth Vader and see the whole world in LEGOs! Their water park is now open for the summer.

Buy tickets here: http://arestravel.com/4543_LegolandCalifornia.html
Continue reading ...

If you've never been to San Diego before, here are top tips for those on a budget.

1. Don't stay in downtown if you have kids. It can be expensive and the night life can be a bit much. Stay in the Old Town area or Mission Valley area instead. Rates are more affordable and it'll be more family friendly.
Click here to see hotels in Old Town.
Click here to see hotels in Mission Valley.

2. Buy attraction tickets online instead of at the gate. You usually save 5 - 10 dollars a person that way. Also, y...
Continue reading ...

I love my Aztecs.

Tickets to the Aztecs Basketball game for this season is sold out. We have the best record we've ever had. I am so proud. Even though we lost to BYU yesterday the stat of 20-1 is still fantastic.

Way to go Aztecs! Yesterday in PB, OB and all over San Diego, every one has been cheering for the Aztecs. I've been getting a lot of people looking for bars to watch the games in PB.

Here's the top bars to go to watch the Aztec games in Pacific Beach

1. Maverick's on Garnet Ave -...
Continue reading ...